<template>
  <div class="all">
    <div v-show="$store.state.user.loginStatus"><the-header/></div>
  <div class="viewall">
    <router-view/>
  </div>
  </div>
</template>

<script>
import TheHeader from '@/components/the-header.vue'
import Class from "@/views/Class.vue";
//防止报ResizeObserver loop completed with undelivered notifications
const debounce = (fn, delay) => {
    let timer = null;
    return function () {
        let context = this;
        let args = arguments;
        clearTimeout(timer);
        timer = setTimeout(function () {
            fn.apply(context, args);
        }, delay);
    }
}
const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
    constructor(callback) {
        callback = debounce(callback, 16);
        super(callback);
    }
}
export default {
  name: 'App',
  components:{Class, TheHeader},

  setup(){
    let isToken = localStorage.getItem("token")
    // alert(isToken)
  }
}
</script>

<style scoped>


</style>
